<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>
<body>
	<div id="app" >
		<div>{{num}}</div>
		 
			<div v-on:click='handle0'>
			<button @click.stop='handle1'>点击1</button>
			<button v-on:click.stop='handle1'>点击2</button>
				
			</div>	
			<div>
				<a href="http://www.baidu.com" v-on:click.prevent='handle2'>baidu</a>
			</div>		
 
		</div>
	</div> 
	<script type="text/javascript" src="js/vue.js"></script>
	<script type="text/javascript">
		/*
			事件绑定-事件修饰符：

			
		*/
		var vm = new Vue({
			el: '#app',
			data: {
				num: 0
			},
			methods: {
				handle0: function() {
					this.num++;
				},
				handle1: function(event) {
					// 阻止冒泡
					// event.stopPropagation();
				},
				handle2: function(event) {
					// 阻止默认的行为
					// event.preventDefault();
				}
			}
		});
	</script>
</body>
</html>